<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Color Find</title>
    <meta property="og:title" content="Color Find - Test Your Color Perception">
    <meta property="og:description" content="Challenge yourself with this addictive color perception game. Find the different colored square, compete on the leaderboard, and see how far you can go!">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://app.trickle.so/storage/public/images/usr_09073b5640000001/752cd5ad-1fe8-434d-b6cf-2e9f55c77e4d.png">
    <meta property="og:url" content="https://colorfind.trickle.host">
    <meta property="og:site_name" content="Color Find">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ColorFindGame">
    <meta name="twitter:creator" content="@ColorFindGame">
    <meta name="twitter:title" content="Color Find - Test Your Color Perception">
    <meta name="twitter:description" content="Challenge yourself with this addictive color perception game. Find the different colored square, compete on the leaderboard, and see how far you can go!">
    <meta name="twitter:image" content="https://app.trickle.so/storage/public/images/usr_09073b5640000001/752cd5ad-1fe8-434d-b6cf-2e9f55c77e4d.png">
    <meta name="twitter:image:alt" content="Color Find Game Screenshot">
    <meta name="twitter:domain" content="colorfind.trickle.host">
    <meta name="twitter:url" content="https://colorfind.trickle.host">
    <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>tailwind.config = {
            darkMode: 'class'
        }</script>
    <link href="styles/main.css" rel="stylesheet">
</head>
<body>
    <div id="root"></div>
    <script type="text/babel" src="utils/antiCheat.js"></script>
    <script type="text/babel" src="utils/colorUtils.js"></script>
    <script type="text/babel" src="utils/dateUtils.js"></script>
    <script type="text/babel" src="utils/gameUtils.js"></script>
    <script type="text/babel" src="utils/retryOperation.js"></script>
    <script type="text/babel" src="utils/scoreVerification.js"></script>
    <script type="text/babel" src="utils/leaderboardUtils.js"></script>
    <script type="text/babel" src="utils/leaderboardAPI.js"></script>
    <script type="text/babel" src="utils/rankingUtils.js"></script>
    <script type="text/babel" src="utils/achievementUtils.js"></script>
    <script type="text/babel" src="utils/soundManager.js"></script>
    <script type="text/babel" src="hooks/useAchievement.js"></script>
    <script type="text/babel" src="hooks/useScores.js"></script>
    <script type="text/babel" src="hooks/useGameState.js"></script>
    <script type="text/babel" src="components/ThemeToggle.js"></script>
    <script type="text/babel" src="components/SoundToggle.js"></script>
    <script type="text/babel" src="components/BackgroundGrid.js"></script>
    <script type="text/babel" src="components/ColorGrid.js"></script>
    <script type="text/babel" src="components/leaderboard/LeaderboardItem.js"></script>
    <script type="text/babel" src="components/leaderboard/LeaderboardContent.js"></script>
    <script type="text/babel" src="components/leaderboard/LeaderboardTabs.js"></script>
    <script type="text/babel" src="components/Leaderboard.js"></script>
    <script type="text/babel" src="components/LevelInfo.js"></script>
    <script type="text/babel" src="components/GameOver.js"></script>
    <script type="text/babel" src="components/LoadingSpinner.js"></script>
    <script type="text/babel" src="components/AchievementPopup.js"></script>
    <script type="text/babel" src="components/GameBoard.js"></script>
    <script type="text/babel" src="components/AllGamesLink.js"></script>
    <script type="text/babel" src="components/start/GameIntro.js"></script>
    <script type="text/babel" src="components/start/GameInstructions.js"></script>
    <script type="text/babel" src="components/start/NameInput.js"></script>
    <script type="text/babel" src="components/start/GameControls.js"></script>
    <script type="text/babel" src="components/StartScreen.js"></script>
    <script type="text/babel" src="components/FindSeriesMenu.js"></script>
    <script type="text/babel" src="game/GameBoard.js"></script>
    <script type="text/babel" src="components/game/GameBoard.js"></script>
    <script type="text/babel" src="app.js"></script>
</body>
</html>